<template>
  <avue-crud :option="option"
             :data="data">
  </avue-crud>
</template>
<script>
export default {
  data () {
    return {
      data: [{
        name: '张三'
      }],
      option: {
        column: [{
          label: '姓名',
          prop: 'name',
          search: true,
        }, {
          label: '日期',
          prop: 'date',
          type: 'datetime',
          searchSpan: 18,
          searchRange: true,
          search: true,
        }]
      }
    }
  }
}
</script>